<template>
    <div>
        <devMenu v-if="!stationInfo.isFullScreen"></devMenu>
        <div class="container">
            <!-- <Aside v-if="!stationInfo.isHideAside" class="aside"></Aside> -->
            <div :style="'margin-left:' + marginLeft + 'px;'" class="main">
                <router-view></router-view>
            </div>
        </div>
    </div>
</template>
<script>
import { mapState } from 'vuex';
import devMenu from '@/components/common/devMenu';

export default {
    components: {
        devMenu
    },
    watch: {
    },
    data () {
        return {
            marginLeft: 0
        };
    },
    computed: {
        ...mapState('station', ['stationInfo'])
    },
    mounted () {
    }
};
</script>
<style lang="scss" scoped>
.container {
    display: flex;
    // .aside {
    //     padding-top: 50px;
    //     height: 100vh;
    //     position: fixed;
    //     z-index: 10;
    //     top: 0;
    //     left: 0;
    // }
    .main {
        padding-top: 50px;
        min-height: 100vh;
        flex: 1;
        // margin-left: 240px;
    }
}
</style>
